<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jquery对象和dom对象相互转换</title>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" >

  //dom方法来实现对复选框的判断
     /*$(function(){
		 var $cr=$("#cr");// jquery对象
		 var cr=$cr[0];//把jquery对象转化为dom对象
		 $cr.click(function(){
			 if(cr.checked){//dom中封装的属性来实现的
				 alert("感谢您的支持！您可以继续操作了!");
				 }
			 })
		 })*/
		 
	//另一种方式.使用jquery中的方法来判断
	$(function(){
	      var $cr=$("#cr");//jquery对象
		  $cr.click(function(){
			  //使用jquery 方式来判断复选框是否被选中
			  if($cr.is(":checked")){
				  alert("感谢您的支持！您可以继续操作了!");
				  }
			  });
		});	 
</script>
</head>

<body>
<p>
3.Jquery中的ready和dom中的onload的区别:
    A.ready()注册事件的函数与js中的onload类似，但是onload只能注册一次(没有C#中的=+机制),后注册的取代先注册的，而ready则可以多次注册都会被执行
    B.onload是所有的dom元素创建完毕，图片、css等都创建完毕后才被触发，而ready则是dom元素创建完毕后就会被触发，这样可以提高网页的响应速度，在jquery中也可以使用$(window).load()来实现dom中的load那种事件调用的时机.

   ready能保证网页更早的出现某种特效：例如:网页有一个图片，希望点图片时出现某种动态的效果。只要在这个图片框创建完毕就可以有此种特效，而不是要等框中的图片加载完毕才出现特效.
</p>
<input type="checkbox" id="cr"/>
<label>我已经阅读了上面的制度!</label>
</body>
</html>
